/*
*	WebSite:ST;
*	Group:gtt,cjx;
*	Datetime: 2016;
*	CopyRight: @Gzccc;
*/
body,html{width: 100%;height: 100%;background: url(../img/bg.jpg) fixed #ebebeb;background-size: cover;}
header{width: 100%;height: 100%;}
/*导航*/
#rl{float:right;margin-top:8px;padding:6px;border:2px solid #fff;border-radius: 3px;text-decoration: none;color: #fff;}
#nd{background: transparent;border: 0;}
#ha{font-size:2em;font-weight:600;color: #fff;}
#a{margin-top:10px;font-size:1em;color: #fff;}

.search input{
	border:none;
	outline: none;
	background: transparent;
	font-size: 22px;
	color: #fff;
}
.search a span{color: #fff;font-size: 18px;}
.search:hover{background: rgba(0,0,0,.4);}
.search{
	display: inline-block;
	padding: 8px 12px 4px 12px;
	background: rgba(0,0,0,.2);
	border-radius: 4px;
}
.header-title{	
	font-weight: 600;
	color: #fff;
	padding-bottom: 21px;
}
.header-main{
	padding-top: 30vh;
	text-align: center;
}
/*MarQuee*/
ul{list-style-type: none;padding:0;}
#logo{
	padding: 9px 0;
	background: #565a5c;
	box-shadow: 0 2px 4px rgba(0,0,0,.4);
}
.marquee{text-align:center;height: 48px;overflow:hidden;}
.marquee ul li{padding-left:20px;display: inline;}
.marquee ul li img{
	max-width: 145px;
	max-height: 48px;
}
.marquee ul li a{opacity: .6;color: rgba(255,235,225,.8);}
.marquee ul li a:hover{opacity: .8}

/*彩虹条*/
.rainbow-bar:nth-child(2){background: #EDEFED;}
.rainbow-bar:nth-child(1){background: #EDEFED;}
.rainbow-bar{
	padding: 21px 35px;
	text-align: center;
}
.rainbow-bar h3{
	font-family: "Microsoft YaHei";
	font-weight: 400;
}
.pd-line strong,.pd-line small{color: #fff;}
.pd-line{padding-top:30px;position: relative;}
.pd-line:after{right: 0}
.pd-line:before{left: 0}
.pd-line:before,.pd-line:after{content: "";position: absolute;width: 32%;border-top: 1px solid rgba(255,255,255,.4);top: 68px;}
/*景点画板*/
.title{
	color: #565a5c;
	
	margin-bottom: 32px;
}
.ps-box{
	padding: 0 20px;
}
.ps-card{
	margin-bottom: 32px;
	background-position: center;
	position: relative;
	box-shadow: 4px 4px 8px rgba(0,0,0,.5);
	background-repeat: repeat;
}
.ps-card a{
	display: block;
	padding: 158px 0;
	letter-spacing: .5em;
	opacity: .5;
	background: #000;
	border-radius: 2px;
	transition:background 1s;	
}
.ps-card a span{
	color: #fff;
	font-weight: 600;
	font-size: 2em;
	
}
.ps-card a:hover{
	text-decoration: none;
	background:rgba(0,0,0,.0);
}
.more-btn{
	color: #565a5c;
	font-size: 1.6em;
	padding: 3px 20px;
	border: 1px solid #565a5c;
	border-radius: 6px;
	transition:background 1s;
	transition:color 1s;
}
.more-btn:hover{text-decoration: none;background: #000;opacity: .4;color: #fff;};
#back-to-top{display: none;}
.btt{
	display: none;
	position: fixed;
	font-size: 20px;
	background: rgba(0,0,0,.6);
	padding: 8px;
	right: 10px;
	bottom: 10px;
	border-radius: 2px;
}
/*版权信息*/
footer{
	background: #303030;
    color: #FFF;
    padding: 35px 0 0;
}
.footer-box a{
	display: block;
    padding-bottom: 14px;
    margin-bottom: 10px;
    color: #959595;
    font-size: 16px;
    text-decoration: none;
}
.footer-title{
	font-weight: 400;
	color: #fff;
	display: block;
	font-size: 18px;
}
.footer-box>h4{
	padding-bottom: 7px;
    border-bottom: 2px solid #337ab7;
    margin-bottom: 21px;
    position: relative;
    color: #fff;
}
.about{
	text-align: center;
	padding: 12px 0;
}
.copyright{
	text-align: center;
	font-size: 9px;
	color: #e2e2e2;
}
.about-we{
	margin-bottom: 9px;
	position: relative;
}
#qr{
	border: 1px solid #fff;
	width: 128px;
	height: 128px;
	display: none;
	position: relative;
	margin: 0 auto;
	top: -155px;
}
.eath{position: relative;height: 480px;}
.story{float: left;}
/*
*
****************子页面**********
*
*/
/*瀑布流*/
#main{position: relative;}
.box{
	overflow: hidden;
	position: relative;
	max-height: 500px;
	margin-bottom: 34px;
	padding: 10px;
	background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.4);
}
.pic{cursor: pointer;}
.pic img{max-height: 480px;width: 100%;display: block;}
.load-more{
	width: 100%; height: 36px;
	margin: 32px 0;
	background: #ebebeb;
	border: 1px solid #565a5c;
}
.clear{clear:both;}

.introduce{/*简介*/
    padding: 10px;
    width: 100%; height: 100%;
    position: absolute;
    top: 0; left: 0;
    color: #fff;
    
    background: rgba(0,0,0,.6);
    cursor: pointer;
   	opacity: 0;
    transition:opacity .5s;
}
.box:hover .introduce {
    opacity: 1;
}

.mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0; left: 0; z-index: 999;
	background: rgba(0,0,0,.8);
}
.mask .close{position: absolute;right: 10px;top: 10px;color: #fff;font-size: 30px}